使用CardView实现圆角和圆形效果：边角与半径的精准控制

篇首语：本文由编程笔记#小编为大家整理，主要介绍了使用CardView实现圆角或圆形的效果相关的知识，希望对你有一定的参考价值。

前言

CardView是android 5.0 中一种全新的控件&＃xff0c;可以实现圆角和阴影效果。

添加依赖

compile ‘com.android.support:cardview-v7:23.4.0’

开始使用

CardView是一个新增的UI控件。我们通过源码可以看出&＃xff1a;
public class CardView extends FrameLayout&＃xff5b;…&＃xff5d;
它继承了FrameLayout布局&＃xff0c;所以我们可以把它当成一个容器来使用。

常用属性
CardView_cardBackgroundColor&＃xff1a;设置背景色
CardView_cardCornerRadius&＃xff1a;设置圆角角度大小
CardView_cardElevation&＃xff1a;设置z轴阴影大小
CardView_cardMaxElevation&＃xff1a;设置z轴最大高度值
CardView_cardUseCompatPadding&＃xff1a;是否使用CompadPadding&＃xff0c;设置内边距&＃xff0c;v21&＃43;的版本和之前的版本仍旧具有一样的计算方式
CardView_cardPreventCornerOverlap&＃xff1a;是否使用PreventCornerOverlap&＃xff0c;在v20和之前的版本中添加内边距&＃xff0c;这个属性是为了防止卡片内容和边角的重叠
CardView_contentPadding&＃xff1a;内容的padding
CardView_contentPaddingLeft&＃xff1a;内容的左padding
CardView_contentPaddingTop&＃xff1a;内容的上padding
CardView_contentPaddingRight&＃xff1a;内容的右padding
CardView_contentPaddingBottom&＃xff1a;内容的底padding

布局文件

.support.v7.widget.CardView
android:layout_width&＃61;"&＃64;dimen/margin_84"
android:layout_height&＃61;"&＃64;dimen/margin_68"
app:cardCornerRadius&＃61;"&＃64;dimen/margin_5"
app:cardElevation&＃61;"0dp"
app:cardUseCompatPadding&＃61;"false">
android:id&＃61;"&＃64;&＃43;id/voucher_icon"
android:layout_width&＃61;"wrap_content"
android:layout_height&＃61;"wrap_content"
android:scaleType&＃61;"fitXY"
android:src&＃61;"&＃64;drawable/loadingimage"/>
.support.v7.widget.CardView>

简单实现圆形ImageView

设置CardView宽高相等&＃xff0c;CardView设置圆角的半径为宽高的一半&＃xff0c;就是一个圆形效果了。例如&＃xff1a;

.support.v7.widget.CardView
android:id&＃61;"&＃64;&＃43;id/cv_img_activity"
android:layout_width&＃61;"200dp"
android:layout_height&＃61;"200dp"
app:cardCornerRadius&＃61;"100dp"
app:cardElevation&＃61;"10dp"
app:cardPreventCornerOverlap&＃61;"true">
android:id&＃61;"&＃64;&＃43;id/iv_cv_img_activity"
android:layout_width&＃61;"match_parent"
android:layout_height&＃61;"match_parent"
android:scaleType&＃61;"centerCrop"/>
.support.v7.widget.CardView>